<template>
    <div class="wrapper">
        <ul ><li>qing</li>
    <li>qing1</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing2</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing23</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing2</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li>
    <li>qing</li></ul>
    </div>
</template>

<script>
import BScroll from 'better-scroll'
export default {
    name:"Category",
    data(){
        return{
            scroll:null
        }
    },
    created(){
        
    },
    mounted(){
        this.scroll=new BScroll(document.querySelector('.wrapper'),{
            probeType:3,
            pullUpLoad:true,//
            click:true
        })
        this.scroll.on('scroll',(position)=>{
            console.log(position);
        })
        this.scroll.on('pullingUp',()=>{
            console.log('123');
        })
    }
}
</script>

<style scoped>
.wrapper{
    height: 400px;
    background-color: red;
    overflow: hidden;
}
</style>